<script setup>
import { ref } from 'vue';

// 组件渲染出来的钩子中，获取 节点的查询器

//先自定义数据,然后子组件传过来的数据进行覆盖
const list = ref(['关注', '热门', '同城', '秒杀好物']);
const active = ref(2);
// 子->父  父组件注册事件
const indexChange = (index) => {
	// console.log(index);
	active.value = index;
};
</script>

<template>
	<custom-tabs :list="list" :active="active" @change="indexChange"></custom-tabs>
</template>

<style lang="scss">
page {
	padding: 30rpx;
}

.box {
	width: 300rpx;
	height: 300rpx;
	margin-top: 40rpx;
	background-color: pink;
}
.container {
	height: 2000rpx;
}
</style>
